Composition Patterns Skill

概述

Vercel Agent Skills 中的组件架构技能，专注于解决 Boolean Props 地狱问题，推广复合组件和其他高级组合模式。

关键内容

1. 核心问题：解决具有大量布尔属性的 React 组件设计问题，如 isCompact, showHeader, isRounded, hasBorder 等

2. 主要模式：

3. Compound Components：自描述、可组合的组件结构
4. Context Providers：替代 Props Drilling 的状态传递

5. 显式 Variants：用 variant 替代多个 boolean 开关

6. 实施方法：通过将组件拆分为多个子组件（如 Card.Body、Card.Content、Card.Footer）来构建灵活的 UI

来源

• 05_vercel_agent_skills_react.md — Vercel Agent Skills React 系列深度解析

相关

• Vercel Agent Skills — part_of
• React — implements
• Compound Components — extends